<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>一米零兽_新闻中心_</title>
    <meta name="keywords" content="一米零兽,酒店贩卖机,酒店零售机,客房贩卖机,客房零售机,新零售加盟,自动贩卖机加盟,创业项目,副业计划,投资项目" />
    <meta name="description"
        content="一米零兽智能酒店客房贩卖机，集线下终端零售+广告推送+线上商城等功能 于一体，依托物联网技术和AI屏幕广告，打造全新的智能新零售平台和信息传播平台。一米零兽以全新的商业模式，服务用户、赋能酒店、链接商家，实现多方共赢。" />
    <link rel="icon" href="/static/favicon.ico">
    <!-- 公共资源引用 -->
    <script src="/static/js/jquery.min.js"></script>
    <script src="/static/js/vue.min.js"></script>
    <link rel="stylesheet" href="/static/css/main.css">
    <link rel="stylesheet" href="/static/css/swiper.min.css">
    <script src="/static/js/swiper.jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/es6-promise@4/dist/es6-promise.auto.js"></script>
    <link rel="stylesheet" href="/static/layui/css/layui.css" media="all">
    <!-- 公共资源引用 结束 -->
    <!-- 独立资源引用 -->
    <link rel="stylesheet" href="/static/css/news.css">
</head>

<body>
    <div id="app" v-cloak>
        <!-- 公共头部 -->
        <div class="navTop">
            <img src="/static/img/logo_top.png" alt class="logo" />
            <div class="tabs_top">
                <a href="/static/index.html"><span class="tab_top ">一米零兽</span></a>
                <a href="/static/partner.html"><span class="tab_top">合作加盟</span></a>
                <a href="/static/advertisement.html"><span class="tab_top">广告招商</span></a>
                <a href="/static/business.html"><span class="tab_top">商家入驻</span></a>
                <a href="/pc/content"> <span class="tab_top active">新闻中心</span></a>
                <a href="/static/aboutus.html"> <span class="tab_top" id="lastTab_top">关于我们</span></a>
            </div>
        </div>
        <!-- 公共头部 结束 -->
        <!-- 新闻中心 主体内容 -->
        <div class="news">
            <img src="/static/img/news_banner.png" alt class="banner" />
            <span class="banner_title">新闻中心</span>
            <span class="banner_sub_title">触碰一米零兽&nbsp;了解广阔世界</span>
            <div class="news_box" v-if="news1_show">
                <p class="news_title">近期动态</p>
                <div v-if="showMore">
                    <div th:each="item1,item1Stat:${list_up}">
                        <a class="news_info"
                            th:style="'display:' + @{(${item1Stat.index}>5 ? 'none' : 'flex')} + ''"
                            th:href="@{'/pc/content/'+${item1.id}}" target="_blank">
                            <span class="news_info_txt" th:text="${item1.title}"></span>
                            <span class="news_info_date" th:text="${item1.date}"></span>
                        </a>
                    </div>

                </div>
                <div v-if="hideMore">
                    <div id="list_up"></div>
                    <div id="list_up_page"></div>
                </div>

                <p class="load_more" @click="loadMore(1,total_1)" v-if="showMore">
                    <span class="load_more_txt">查看更多</span>
                    <img src="/static/img/load_more_arrow.png" alt class="load_more_arrow" />
                </p>
                <p class="load_more" @click="unloadMore(1)" v-if="hideMore">
                    <img src="/static/img/load_more_arrow.png" alt class="load_more_arrow"
                        style="transform: rotateZ(180deg);margin-right: 20px;" />
                    <span class="load_more_txt">返回</span>
                </p>
                <!-- <mypagination :currentPage.sync="currentPage" :limit.sync="limit" :totalCount="totalCount" @turn="getTableData" all
              style="margin:20px auto;width:914px;text-align: right;" v-if="news1_show&&!news2_show"></mypagination>-->
            </div>
            <div class="news_box" v-if="news2_show">
                <p class="news_title">热门报道</p>
                <div v-if="showMore">
                    <div th:each="item2,item2Stat:${list_down}">
                        <a class="news_info"
                            th:style="'display:' + @{(${item2Stat.index}>5 ? 'none' : 'flex')} + ''"
                            th:href="@{'/pc/content/'+${item2.id}}" target="_blank">
                            <span class="news_info_txt" th:text="${item2.title}"></span>
                            <span class="news_info_author" th:text="${item2.author}"></span>
                            <span class="news_info_date" th:text="${item2.date}"></span>
                        </a>
                    </div>
                </div>
                <div v-if="hideMore">
                    <div id="list_down"></div>
                    <div id="list_down_page"></div>
                </div>
                <p class="load_more" @click="loadMore(2,total_2)" v-if="showMore">
                    <span class="load_more_txt">查看更多</span>
                    <img src="/static/img/load_more_arrow.png" alt class="load_more_arrow" />
                </p>

                <p class="load_more" @click="unloadMore(2)" v-if="hideMore">
                    <img src="/static/img/load_more_arrow.png" alt class="load_more_arrow"
                        style="transform: rotateZ(180deg);margin-right: 20px;" />
                    <span class="load_more_txt">返回</span>
                </p>
                <!-- <mypagination :currentPage.sync="currentPage" :limit.sync="limit" :totalCount="totalCount" @turn="getTableData" all
              style="margin:20px auto;width:914px;text-align: right;" v-if="!news1_show&&news2_show"></mypagination>-->
            </div>
        </div>
        <!-- 首页 主体内容 结束 -->
        <!-- 公共底部 -->
        <div class="footer">
            <img src="/static/img/new/footer_bg.png" alt class="footer_img" />
            <img src="/static/img/logo.png" alt class="footer_logo" />
            <div class="footer_p">
                <p>邮箱: fengke@yimils.com</p>
                <p>公司: 重庆万物智联科技有限公司</p>
                <p>​地址: 重庆市渝北区回兴重庆创意公园12栋2单元2A-1</p>
                <p>
                    Copyright © 2019 ICP备案:
                    <a href="http://www.beian.miit.gov.cn">渝ICP备19010280号-2</a>
                </p>
            </div>
            <span class="footer_tel" style="width:485px;display:block;text-align:center;margin-top:-35px;font-size: 24px;font-weight: 400;">全国招商加盟热线</span>
            <span class="footer_tel" style="width:485px;display:block;text-align:center;font-size: 24px;font-weight: 400;">023-68823841 (9:00-18:00)</span>
            <span class="footer_tel" style="width:485px;display:block;text-align:center;margin-top:35px;font-size: 24px;font-weight: 400;">4001-188-288 (0:00-24:00)</span>
            <div class="footer_erm erm1">
                <p>
                    <img src="http://yimilsgoodspic.oss-cn-hangzhou.aliyuncs.com/yims_pc/%E5%BE%AE%E4%BF%A1%E5%85%AC%E4%BC%97%E5%8F%B7.jpg"
                        alt class="footer_erm_img" />
                </p>
                <p>
                    <span class="footer_erm_txt">微信服务号</span>
                </p>
            </div>
            <div class="footer_erm erm2">
                <p>
                    <img src="http://yimilsgoodspic.oss-cn-hangzhou.aliyuncs.com/yims_pc/%E5%BE%AE%E4%BF%A1%E6%9C%8D%E5%8A%A1%E5%8F%B7.jpg"
                        alt class="footer_erm_img" />
                </p>
                <p>
                    <span class="footer_erm_txt">微信公众号</span>
                </p>
            </div>
        </div>
        <div class="backTop" @click="backTop">
            <img src="/static/img/backTop.png" alt class="backTopImg" />
        </div>
        <!-- 公共底部结束 -->
    </div>
    <script src="/static/layui/layui.js" charset="utf-8"></script>
    <!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
    <script>
        function showList(data, page_id, list_id) {
            layui.use(['laypage', 'layer'], function () {
                var laypage = layui.laypage
                    , layer = layui.layer;
                //调用分页
                laypage.render({
                    elem: page_id
                    , count: data.length
                    , limit: 10
                    , layout: ['prev', 'page', 'next', 'count']
                    , first: '首页'
                    , last: '尾页'
                    , theme: '#f9446b'
                    , hash: false
                    , jump: function (obj) {
                        //模拟渲染
                        var arr = []
                            , thisData = data.concat().splice(obj.curr * obj.limit - obj.limit, obj.limit);
                        layui.each(thisData, function (index, item) {
                            var html = ` 
                                <a class="news_info" href="/pc/content/`+ item.id + `" target="_blank">
                                <span class="news_info_txt">`+ item.title + `</span>
                                <span class="news_info_date">`+ item.date+`</span>
                            </a>`
                            arr.push(html);
                        });
                        var htmlStr = arr.join('');
                        console.log('htmlStr', htmlStr)
                        $(list_id).html(htmlStr);
                    }
                });

            });
        }

    </script>
    <!-- 引入全局公共js -->
    <script src="/static/js/main.js"></script>
    <!-- 页面独立js部分 -->
    <script th:inline="javascript">
        $(function () {
            vm.news1 = [[${ list_up }]];
            vm.news2 = [[${ list_down }]];
        })
    </script>
    <script>
        //这个是百度商桥接入代码
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?47f24e5bb2939dbd669062247b598bfd";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <div style="display: none">
        <script type="text/javascript" src="https://v1.cnzz.com/z_stat.php?id=1278071894&web_id=1278071894"></script>
    </div>
</body>

</html>